@import '../assets/css/function.scss';

/*按钮样式表*/

/*input[type=button]*/
@mixin input-button-resize ($width: 100%, $height: 100%, $background: #72a5ef, $radius: 0, $fontSize: rem(34), $color: #fff) {
  display: block;
  width: $width;
  height: $height;
  background: $background;
  border-radius: $radius;
  font-size: $fontSize;
  color: $color;
}
/*用其他元素模拟button*/
@mixin simulate-button-resize ($width: 100%, $height: 100%, $background: #72a5ef, $radius: 0, $fontSize: rem(34), $color: #fff) {
  display: block;
  width: $width;
  height: $height;
  line-height: $height;
  background: $background;
  border-radius: $radius;
  font-size: $fontSize;
  color: $color;
  text-align: center;
}

/*底部网页宽度50%的左边按钮，不带圆角*/
.footer-left-bt{
  @include input-button-resize(100%, 100%, #639ced)
}
/*底部网页宽度50%的左边模拟按钮，不带圆角*/
.footer-left-simulate-bt{
  @include simulate-button-resize(100%, rem(97), #639ced)
}
/*底部网页宽度50%的左边按钮，不带圆角*/
.footer-right-bt{
  @include input-button-resize(50%, rem(97))
}
/*底部网页宽度100%的按钮，不带圆角*/
.footer-fullW-bt{
  @include input-button-resize(100%)
}
/*带圆角100%宽度的填充按钮, 用于页面流*/
.radiu-fullW-bt{
  @include input-button-resize(100%, rem(90), #72a5ef, 4px)
}
/*带圆角100%宽度的填充按钮, 用于提示组件*/
.radiu-fullW-ss-bt{
  @include input-button-resize(100%, rem(72), #72a5ef, 4px)
}
/*带圆角100%宽度的填充按钮, 用于绑定手机*/
.radiu-fullW-s-bt{
  @include input-button-resize(100%, rem(80), #72a5ef, 4px)
}
